<!DOCTYPE html>
<html>
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <title>The source code</title>
  <link href="../resources/prettify/prettify.css" type="text/css" rel="stylesheet" />
  <script type="text/javascript" src="../resources/prettify/prettify.js"></script>
  <style type="text/css">
    .highlight { display: block; background-color: #ddd; }
  </style>
  <script type="text/javascript">
    function highlight() {
      document.getElementById(location.hash.replace(/#/, "")).className = "highlight";
    }
  </script>
</head>
<body onload="prettyPrint(); highlight();">
  <pre class="prettyprint lang-js">/*
  Generated by kissy-xtemplate.*/
KISSY.add('scroll-view/plugin/scrollbar/scrollbar-xtpl', function () {
    return function (scopes, S, undefined) {
        var buffer = &quot;&quot;,
            config = this.config,
            engine = this,
            utils = config.utils;
        var runBlockCommandUtil = utils[&quot;runBlockCommand&quot;],
            getExpressionUtil = utils[&quot;getExpression&quot;],
            getPropertyOrRunCommandUtil = utils[&quot;getPropertyOrRunCommand&quot;];
        buffer += '&lt;div id=&quot;ks-scrollbar-arrow-up-';
        var id0 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;id&quot;, 0, 1, undefined, false);
        buffer += getExpressionUtil(id0, true);
        buffer += '&quot;\r\n        class=&quot;';
        var config2 = {};
        var params3 = [];
        var id4 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;axis&quot;, 0, 2, undefined, true);
        params3.push(id4 + ('-arrow-up'));
        config2.params = params3;
        var id1 = getPropertyOrRunCommandUtil(engine, scopes, config2, &quot;getBaseCssClasses&quot;, 0, 2, true, undefined);
        buffer += id1;
        buffer += '&quot;&gt;\r\n    &lt;a href=&quot;javascript:void(\'up\')&quot;&gt;up&lt;/a&gt;\r\n&lt;/div&gt;\r\n&lt;div id=&quot;ks-scrollbar-arrow-down-';
        var id5 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;id&quot;, 0, 5, undefined, false);
        buffer += getExpressionUtil(id5, true);
        buffer += '&quot;\r\n        class=&quot;';
        var config7 = {};
        var params8 = [];
        var id9 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;axis&quot;, 0, 6, undefined, true);
        params8.push(id9 + ('-arrow-down'));
        config7.params = params8;
        var id6 = getPropertyOrRunCommandUtil(engine, scopes, config7, &quot;getBaseCssClasses&quot;, 0, 6, true, undefined);
        buffer += id6;
        buffer += '&quot;&gt;\r\n    &lt;a href=&quot;javascript:void(\'down\')&quot;&gt;down&lt;/a&gt;\r\n&lt;/div&gt;\r\n&lt;div id=&quot;ks-scrollbar-track-';
        var id10 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;id&quot;, 0, 9, undefined, false);
        buffer += getExpressionUtil(id10, true);
        buffer += '&quot;\r\n     class=&quot;';
        var config12 = {};
        var params13 = [];
        var id14 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;axis&quot;, 0, 10, undefined, true);
        params13.push(id14 + ('-track'));
        config12.params = params13;
        var id11 = getPropertyOrRunCommandUtil(engine, scopes, config12, &quot;getBaseCssClasses&quot;, 0, 10, true, undefined);
        buffer += id11;
        buffer += '&quot;&gt;\r\n&lt;div id=&quot;ks-scrollbar-drag-';
        var id15 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;id&quot;, 0, 11, undefined, false);
        buffer += getExpressionUtil(id15, true);
        buffer += '&quot;\r\n     class=&quot;';
        var config17 = {};
        var params18 = [];
        var id19 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;axis&quot;, 0, 12, undefined, true);
        params18.push(id19 + ('-drag'));
        config17.params = params18;
        var id16 = getPropertyOrRunCommandUtil(engine, scopes, config17, &quot;getBaseCssClasses&quot;, 0, 12, true, undefined);
        buffer += id16;
        buffer += '&quot;&gt;\r\n&lt;div class=&quot;';
        var config21 = {};
        var params22 = [];
        var id23 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;axis&quot;, 0, 13, undefined, true);
        params22.push(id23 + ('-drag-top'));
        config21.params = params22;
        var id20 = getPropertyOrRunCommandUtil(engine, scopes, config21, &quot;getBaseCssClasses&quot;, 0, 13, true, undefined);
        buffer += id20;
        buffer += '&quot;&gt;\r\n&lt;/div&gt;\r\n&lt;div class=&quot;';
        var config25 = {};
        var params26 = [];
        var id27 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;axis&quot;, 0, 15, undefined, true);
        params26.push(id27 + ('-drag-center'));
        config25.params = params26;
        var id24 = getPropertyOrRunCommandUtil(engine, scopes, config25, &quot;getBaseCssClasses&quot;, 0, 15, true, undefined);
        buffer += id24;
        buffer += '&quot;&gt;\r\n&lt;/div&gt;\r\n&lt;div class=&quot;';
        var config29 = {};
        var params30 = [];
        var id31 = getPropertyOrRunCommandUtil(engine, scopes, {}, &quot;axis&quot;, 0, 17, undefined, true);
        params30.push(id31 + ('-drag-bottom'));
        config29.params = params30;
        var id28 = getPropertyOrRunCommandUtil(engine, scopes, config29, &quot;getBaseCssClasses&quot;, 0, 17, true, undefined);
        buffer += id28;
        buffer += '&quot;&gt;\r\n&lt;/div&gt;\r\n&lt;/div&gt;\r\n&lt;/div&gt;';
        return buffer;
    }
});</pre>
</body>
</html>
